<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>药品配送</title>
		<link rel="stylesheet" type="text/css" href="../../css/yiyao/drug.css" />
		<link rel="stylesheet" type="text/css" href="../../css/layer.css"/>
		<script src="../../js/layer.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="../../js/vconsole.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var vConsole = new VConsole();
		</script>-->

		<body>
			<div id="main" class="height100 width100 none" style="background: #f5f5f5;">
				<header class="positionR colorF height7">
					<img src="../../img/yihu/fanhui.png" onclick="window.history.go(-1)" />
					<div class="height30"></div>
					<div class="textC colorF font1-4">药品配送</div>
				</header>
				<div class="width100 height86 overflowA">
					<div class="information overflowH PT20 PB20 width100">
						<div class="fl textC width30">
							<img class="headimg radius50" :src="ip+information.peopleIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="information.peopleGender == '0'" />
							<img class="headimg radius50" :src="ip+information.peopleIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else />
						</div>
						<div class="fl width65" v-if="orderStatus ==3">
							<p class="font1-4 colorF LH2" style="margin-left:-0.8rem ;">【 {{information.peopleName}} 】{{information.peopleGender == 1 ? "男":"女"}} {{information.peopleAge}}</p>
							<p class="font1-4 colorF LH2 twoline">配送地址：{{information.peopleAddress}}</p>
							<!--<p class="font1-4 colorF LH2" style="margin-left:-0.8rem ;">【 {{information.peopleName}} 】{{information.peopleGender}} {{information.age}}岁</p>
						<p class="font1-4 colorF LH2 twoline">配送地址：{{information.address}}</p>-->
						</div>
						<div class="fl width65" v-else>
							<p class="font1-4 colorF LH2" style="margin-left:-0.8rem ;">【 {{information.peopleName}} 】{{information.peopleGender == 1 ? "男":"女"}} {{information.peopleAge}}岁</p>
							<p class="font1-4 colorF LH2 twoline">配送地址：{{information.peopleAddress}}</p>
						</div>
					</div>
					<ul class="druglist" v-if="orderStatus !=3">
						<li class="drugtop font1-4 colorC PT10 PB10">
							<img class="verticlM PL20 PR20" src="../../img/yiyao/04.png" />药品清单
						</li>
						<li v-for="drug in drugList" class="font1-6 LH3 PL20 PR20">
							{{drug.drugName}} X {{drug.drugNumber}} <span class="fr">￥{{drug.drugPrice * drug.drugNumber}}</span>
						</li>
						<li class="LH3 font1-6 PL20 PR20 textR"><span class="font1-4">共：</span><span class="font1 money">￥</span><span class="money font1-8">{{totalMoney}}</span><span class="money font1-2">/元</span></li>
					</ul>
					<ul class="getdrug" v-if="orderStatus ==3">
						<li v-for="item in getdruglist">
							<!--<p class="bord_b backgroundF LH3 font1-2 PL20 PR10"> <span @click="item.orderid = !item.orderid"><img v-if="item.status == '未领取' && !item.orderid " class="height1-4R verticlM" src="../../img/yiyao/09.png"/><img v-if="item.status == '未领取' && item.orderid " class="height1-4R verticlM" src="../../img/yiyao/11.png"/><img v-if="item.status == '已领取'" class="height1-2R verticlM" src="../../img/yiyao/09.png"/>&nbsp;&nbsp;{{item.status}}</span>  <span @click="item.unfold=!item.unfold" class="fr colorC">{{item.orderTime}}&nbsp;&nbsp;<img v-if="item.unfold" class="verticlM" style="height: 0.6rem;" src="../../img/yiyao/12.png" /><img v-else class="verticlM" style="height: 1rem;" src="../../img/yiyao/13.png" /></span></p>-->
							<p class="bord_b backgroundF LH3 font1-2 PL20 PR10"> <span @click="item.orderid = !item.orderid"><img v-if="item.status == '未领取'" class="height1-4R verticlM" :src="item.orderid ? '../../img/yiyao/11.png' : '../../img/yiyao/09.png'"/><img v-if="item.status == '已领取'" class="height1-2R verticlM" src="../../img/yiyao/09.png"/>&nbsp;&nbsp;{{item.status}}</span> <span @click="item.unfold=!item.unfold" class="fr colorC">{{item.orderTime}}&nbsp;&nbsp;<img v-if="item.unfold" class="verticlM" style="height: 0.6rem;" src="../../img/yiyao/12.png" /><img v-else class="verticlM" style="height: 1rem;" src="../../img/yiyao/13.png" /></span></p>

							<div class="getlist PT10" v-if="item.unfold">
								<p class="colorC LH3"><img class="verticlM PL20 PR20" src="../../img/yiyao/04.png" />药品清单</p>
								<p class="bord_b font1-2 PL20 PR20 LH3" v-for="drug in item.drugList">{{drug.drugName}} X {{drug.drugNumber}}<span class="fr">￥{{drug.drugPrice * drug.drugNumber}}</p>
						</div>
					</li>
				</ul>
				<div class="pictures MT5" v-if="orderStatus != 3">
					<div class="taking LH2 font1-2 PL20"><img class="height1-2R verticlM" src="../../img/yihu/43.png"/>&nbsp;&nbsp;药店领取拍照</div>
					<div class="backgroundF PL20 PT10 PB10 positionR" v-if="orderStatus == 0">
						<img class="height4R PR20" src="../../img/yihu/44.png" /><img id="imgdome" class="height4R" src="../../img/yihu/45.png"/>
						<input id="file" type="file" accept="image/*" capture="camera" onchange="verify(this.value)" />
					</div>
					<div class="backgroundF PL20 PT10 PB10 positionR" v-if="orderStatus == 1 ||orderStatus == 2">
						<img  class="height4R" :src="ip+information.checkInIcon"/>
					</div>
				</div>
				<div class="pictures MT5" v-if="orderStatus != 0 && orderStatus != 3">
					<div class="taking LH2 font1-2 PL20"><img class="height1-2R verticlM" src="../../img/yihu/43.png"/>&nbsp;&nbsp;老人签收拍照</div>
					<div class="backgroundF PL20 PT10 PB10 positionR" v-if="orderStatus == 1">
						<img class="height4R PR20" src="../../img/yihu/44.png" /><img id="imgdome2" class="height4R" src="../../img/yihu/45.png"/>
						<input id="file2" type="file" accept="image/*" capture="camera" onchange="verify(this.value)" />
					</div>
					<div class="backgroundF PL20 PT10 PB10" v-if="orderStatus == 2">
						<img class="height4R" :src="ip+information.signForIcon"/>
					</div>
				</div>
				<div class="infofoot font1-2 colorC LH2 PL20 MT10 PT10 PB10" v-if="orderStatus != 3">
					<p>订单编号：{{information.orderId}}</p>
					<p>申请时间：{{information.orderTime}}</p>
					<p v-if="orderStatus != 0">领取药品时间：{{information.checkInTime}}</p>
					<p v-if="orderStatus == 2">老人签收时间：{{information.signTime}}</p>
				</div>
			
			</div>
			
			<footer class="width100" v-if="orderStatus == 0">
				<div class="textC colorF font1-4" @click="signreceive">
					领取药品
				</div>
			</footer>
			<footer class="width100" v-else-if="orderStatus == 1">
				<div class="textC colorF font1-4" @click="signreceive">
					确认签收
				</div>
			</footer>
			<footer class="width100" v-else-if="orderStatus == 2">
				<div class="textC colorF font1-4">
					已完成配送
				</div>
			</footer>
			<footer class="width100" v-else-if="orderStatus == 3">
				<div class="textC colorF font1-4" @click="orderReceiving">
					接单
				</div>
			</footer>
		</div>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquary.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/lrz.all.bundle.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/yiyao/drug.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>